<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>数组新增的方法2</title>
  </head>
  <body>
    <script>
      // 1、forEach()
      // let arr = [
      //   { id: 1, name: '张三', sex: '男', age: 10 },
      //   { id: 2, name: '李四', sex: '女', age: 20 },
      //   { id: 3, name: '王五', sex: '男', age: 30 },
      //   { id: 4, name: '赵六', sex: '女', age: 40 }
      // ];
      // arr.forEach((item, index, arr) => {
      //   // item:每一项  index:索引  arr:原数组
      //   console.log('item--', item);
      // });

      // 2、map()
      // let arr = [
      //   { id: 1, name: '张三', sex: '男', age: 10 },
      //   { id: 2, name: '李四', sex: '女', age: 20 },
      //   { id: 3, name: '王五', sex: '男', age: 30 },
      //   { id: 4, name: '赵六', sex: '女', age: 40 }
      // ];
      // arr.map((item, index, arr) => {
      //   console.log('item--', item);
      // });

      // 3、filter()
      // let arr = [34, 50, 68, 90];
      // const newArr = arr.filter(item => {
      //   return item >= 50;
      // });
      // console.log('newArr--', newArr);

      // 3.1、数组去重
      // function unique(arr) {
      //   let result = arr.filter((item, index, arr) => {
      //     return arr.indexOf(item) === index;
      //   });
      //   return result;
      // }
      // let arr = [1, 'Vue', 1, true, 'Vue', 88, false, true, false];
      // console.log(unique(arr));

      // 4、reduce()  累加器
      const arr = [1, 2, 3, 4, 5, 6];
      const result = arr.reduce((oldVal, item) => {
        return oldVal + item; // oldVal为上一次返回的值，item为每一项
      }, 0);
      console.log('result--', result);
    </script>
  </body>
</html>
